<div class="row g-5">
  <div class="col-md-8">
    <div class="d-flex flex-column align-items-stretch flex-shrink-0 bg-white">
    <a href="/" class="d-flex align-items-center flex-shrink-0 p-3 link-dark text-decoration-none border-bottom">
      <svg class="bi me-2" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
      <span class="fs-5 fw-semibold">不知名论坛 共 <%= Article.public_count %> 条讨论</span>
    </a>
    <div class="list-group list-group-flush border-bottom scrollarea">
    <% @articles.each do |article| %>
      <% unless article.archived? %>
        <a href="/articles/<%= article.id %>" class="list-group-item list-group-item-action py-3 lh-tight">
          <div class="d-flex w-100 align-items-center justify-content-between">
            <strong class="mb-1"><%= article.title %></strong>
            <small class="text-muted"><%= article.comments.size %></small>
          </div>
          <div class="col-10 mb-1 small"><%= article.body %></div>
        </a>
      <% end %>
    <% end %>

    </div>
  </div>
  </div>
  <div class="col-md-4">

    <div class="p-4 mb-3 bg-white rounded">
       <p>
            <a class="btn btn-primary" href="/articles/new" role="button">发布新话题</a>
        </p>
    </div>
  </div>
</div>

